import navTpl from './nav.tpl';
import itemTpl from './nav_item.tpl';
import './index.scss'

import tools from '../../utils/tools'

export default () => {
  return {
    name: 'nav',
    tpl(newsType) {
      const len = newsType.length,
        wrapperW = (6 * len)+'rem';

      let navStr = '',
        itemsStr = '';

      navStr = navTpl().replace(tools.tplReplace(),wrapperW);

      newsType.forEach((item,index) => {
        itemsStr += itemTpl().replace(tools.tplReplace(),(node,key)=>{
          return{
            isCurrent:index === 0?'current':'',
            type:item.type,
            typeName:item.chs
          }[key]
        })
      });

      return {
        navStr,
        itemsStr
      }
    }
  }
}
